<template>
  <div class="invoice">
    <!-- 标题 -->
    <van-nav-bar
      title="选择发票抬头"
      left-arrow
      @click-left="$router.back()"
      class="navBar"
    />

    <van-cell-group>
      <van-cell title="不需要开发票">
        <van-checkbox v-model="checked" />
      </van-cell>
    </van-cell-group>

    <div class="btn">
      <van-button type="primary" block @click="submit">确 定</van-button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      checked: ''
    }
  },
  methods: {
    submit() {
      this.$toast.success('修改成功!')
      this.$router.back()
    }
  }
}
</script>

<style lang="less" scoped>
.invoice {
  /deep/.navBar {
    background-color: #4e7ee8;
    .van-nav-bar__title,
    .van-icon-user-o,
    .van-icon-arrow-left {
      font-size: 20px;
      color: #fff;
    }
  }
  .van-checkbox {
    justify-content: flex-end;
  }
  .btn {
    padding: 15px;
    .van-button__text {
      font-size: 20px;
    }
  }
}
</style>
